<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Event对象</title>
</head>
<body>
<p>
    事件经历三个不同的阶段：1、捕获阶段 从文档的根节点流向目标对象 2、目标阶段 在目标对向上被触发 3、冒泡阶段 再回溯到文档的根节点
</p>
<ul>
    <li>
        1、capture  通过将addEventListener 的第三个参数设置成true 来为事件的捕获阶段 添加 监听回调函数。通过在捕获阶段对事件的处理，可以阻止累死clicks事件在某个特定元素上被触发
    </li>
    <li>
        2、Target
    </li>
    <li>
        3、Bubble 事件在目标元素上触发后，并不在这个元素上终止。它会随着DOM树一层层向上冒泡，直到到达最外层的根节点。
    </li>
</ul>

<form action="" id="myform">
    <input type="submit" value="Capture">
</form>
<div>
    <button>点击触发事件</button>
</div>
<script src="event.js"></script>
</body>
</html>